@charset "utf-8";

/* layout */
body{
	background-color: #f1f1f1;
}

#middle {
    position: relative;
    width: 100%;
}


#left {
    float: left;
    width: 220px;
    background: #fff url(../images/left_bg.png) repeat-y right;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    position: relative;
}

#right {
    background: #fff;
    overflow-y: auto;
    overflow-x: auto;
    height: 100%;
    position: relative;
}

.switch {
    float: left;
    width: 5px;
    height: 100%;
    background: #fff url(../images/switch.png) no-repeat center center;
    cursor: pointer;
}

.breadcrumb1 {
    font-size: 15px;
    height: 30px;
    background: rgba(0, 0, 0, 0) url("../images/left11.png") repeat scroll 0 0;
    padding: 5px 10px;
    margin-bottom: 10px;
    list-style: none;
    border-radius: 4px;
}
.breadcrumb1>li {
    display: inline-block;
}
.breadcrumb1>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
/* 表单 */
.input{
	color:#232323;
	padding:4px 7px 5px;
	border-top:1px #bfbfbf solid;
	border-left:1px #bfbfbf solid;
	border-right:1px #e0e0e0 solid;
	border-bottom:1px #e0e0e0 solid;
	border-radius: 3px;
}
.select{
	color:#232323;
	height: 24px;
	line-height: 24px;
	font-family : Trebuchet MS;
	border-top:1px #bfbfbf solid;
	border-left:1px #bfbfbf solid;
	border-right:1px #e0e0e0 solid;
	border-bottom:1px #e0e0e0 solid;
	border-radius: 3px;
}
.btn-list{
	padding:1px;
	background:#fff;
	border:1px #c8c8c8 solid;
	cursor: pointer;
}
.btnInner-list{
	width: 58px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background:#ebebeb;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffff,endColorStr=#ebebeb); /*IE 6 7 8 */
	background: -ms-linear-gradient(top,#fffff,#ebebeb);        /* IE 10 */
	background: -moz-linear-gradient(top,#fffff,#ebebeb);/*火狐*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fffff), to(#ebebeb));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffff), to(#ebebeb));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #fffff, #ebebeb);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #fffff, #ebebeb);  /*Opera 11.10+*/
	background: -webkit-linear-gradient(top, #fefefe, #edefec);
	position: relative;*/
}
.btn-form{
	width: 126px;
	height: 25px;
	color:#fff;
	text-align: center;
	background:#2E6EAB;
	border:1px #237ec7 solid;
	border-radius: 3px;
}

.btn-form-w80{
	width: 80px;
	height: 27px;
	line-height: 26px;
	color:#fff;
	text-align: center;
	background:#2E6EAB;
	border:1px #237ec7 solid;
	border-radius: 3px;
}

.hide{
	display: none;
}
.show-inline{
	display:inline;
}

/* 列表上面的搜索 */
.listSearch-title{
	height: 33px;
	line-height: 30px;
	background: url(../image/listSearch-title-bg.jpg) repeat-x 0 bottom;
	position:relative;
}
.listSearch-title h4{
	font-size:14px;
	padding-left:30px;
	background:url(../image/listSearch-title.jpg) no-repeat 0 center;
}
.pen-title h5{
	font-size:12px;
	padding-left:30px;
	background:url(../image/pen.png) no-repeat 0 center;
}
.pen-title .addTime {
	padding-left: 17px;
  	background: url(../image/reply-time.jpg) no-repeat 0 center;
  	color: rgb(134,134,134);
  	font-size: 12px;
  	position: absolute;
  	right: 20px;
  	top: 0px;
}
.listSearch-title .priority {
	position:absolute;
	width:48px;
	height:57px;
	top: 31px;
  	right: 18px;
}

.listSearch-title .low {
	background: url(../image/priority_low.png) no-repeat 0 center;
}

.listSearch-title .normal {
	background: url(../image/priority_normal.png) no-repeat 0 center;
}

.listSearch-title .urgent {
	background: url(../image/priority_urgent.png) no-repeat 0 center;
}

.listSearch-title .veryUrgent {
	background: url(../image/priority_very_urgent.png) no-repeat 0 center;
}

.listSearch-form{
	padding-left:15px;
	margin-top: 16px;
}
.listSearch-line{
	margin-bottom: 10px;
}
.inputWrap{
	margin-right: 37px;
	color:#000;
}

/* 渐变 */
.gradient{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fefefe,endColorStr=#ebebeb); /*IE 6 7 8*/ 
	background: -ms-linear-gradient(top,#fefefe,#ebebeb);        /* IE 10 */
	background: -moz-linear-gradient(top,#fefefe,#ebebeb);/*火狐*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fefefe), to(#ebebeb));/*谷歌*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ebebeb));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #fefefe, #ebebeb);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #fefefe, #ebebeb);  /*Opera 11.10+*/
	background: -webkit-linear-gradient(top, #fefefe, #edefec);
	background: -webkit-linear-gradient(top, #fefefe, #edefec);
}

/* 列表 */
.listOption{
	border:1px #d7d7d7 solid;
	border-bottom: none;
}
.listOption ul{
	height: 30px;
	padding-left: 9px;
	border:1px #fff solid;
}
.listOption ul li{
	float: left;
	margin-left: 9px;
	line-height: 30px;
}
.listOption-add{
	padding-left: 22px;
	background:url(../image/add.jpg) no-repeat 0 center;
}
.listOption-edit{
	padding-left: 22px;
	background:url(../image/edit.jpg) no-repeat 0 center;
}
.listWrap{
	border:1px #d7d7d7 solid;
	border-bottom: none;
}
.listWrap td{
	border-top:1px #d7d7d7 solid;
	border-bottom:1px #d7d7d7 solid;
	background: url(../image/td-top.jpg) repeat-x 0 0;
}
.listWrap-table{
	width: 100%;
	text-align: center;
}
.listWrap-table tr{
	border-top:1px #fff solid;
}
.listWrap-table th,.listWrap-table td{
	height: 29px;
}
.listWrap-table tbody tr:nth-child(odd){background: #fff;}
.listWrap-table a{
	color:#4783bf;
	text-decoration: underline;
}

/* 提交表单 */
.form-table{width:100%;}
.form-table td{
	padding:12px 0;
}
.form-title{
	text-align: right;
	font-size: 12px;
	/* font-weight: bold; */
	vertical-align: top;
	line-height: 24px;
	letter-spacing: 3px;
}
.form-input{
	text-align: left;
}
.form-input .tipspan{padding-left:5px;}
.form-table .input{
	padding-left: 0;
	padding-right: 0;
	text-indent: 7px;
}
.form-table .textarea{width:97%;}

/* 问题图片 */
.problemPicList li{
	float: left;
	margin-right: 40px;
}
.problemPicText{
	margin-top: 16px;
	color: #9d9d9d;
	font-weight: bold;
	letter-spacing: 2px;
}

.edt-item{
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 15px;
	border-bottom: 1px #ccc dotted;
	font-size: 14px;
}

.replyTop{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #ccc solid;
}
.replyTop h4{
	float: left;
	font-size:12px;
  	padding-left: 30px;
  	background: url(../image/history.png) no-repeat 0 center;
}
.replyTop button{
	width:80px;
}
.reply-item{
	padding-top: 25px;
	padding-left: 30px;
	padding-bottom: 30px;
	border-bottom: 1px #ccc dotted;
	font-size: 12px;
}

.reply-head{
	float: left;
	margin-left: 14px;
	width: 46px;
	height: 46px;
	padding: 1px;
	border: 1px #ddd solid;
	position: relative;
	top: -5px;
}
.reply-head-role{
	position: absolute;
  	width: 60px;
  	top: 50px;
  	left: 1px;
  	left: 4px \9;
  	font-size: 10px;
  	color: #868686;
}
.reply-info{
	float: left;
	width: 830px;
	margin-left: 47px;
}
.reply-name{
	color:rgb(53,117,191);
	font-weight: bold;
	font-size: 12px;
}
.reply-addTime{
	padding-left: 17px;
	background: url(../image/reply-time.jpg) no-repeat 0 center;
}
.reply-company,.reply-addTime{
	color:rgb(134,134,134);
	font-size:12px;
}
.reply-content{
	margin-top: 10px;
}

.page{
	padding: 0 20px;letter-spacing: 3px;margin-top: 5px;
}
.page .pageNum{
	border:1px rgb(164,164,164) solid;
	background:rgb(252,252,252);
	cursor:pointer;
	display: inline-block;
	min-width:16px;
	height:16px;
	line-height:16px;
	text-align: center;
	letter-spacing: 0;
}
.page .pageOn{
	background:rgb(65,126,180);
	border:1px rgb(36,89,139) solid;
	color:#fff;
	cursor:default;
}
.page .page p{
	*padding:5px;
}
.page .pageText{
	cursor:pointer;
	color:#2767A4;
	letter-spacing: 0px;
	width: 36px; 
	display: inline-block;
}
.page .pageDisable{
	color:#000;
	cursor:default;
}
.star {
	color: red;
}

.inputS{
	height:20px;
	line-height:24px;
	text-indent:10px;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fff;
}
.mr10{
	margin-right:10px;
}
.dealToolBar {
	position: relative;
}
.opt_panel{
	width:150px;
	position: absolute;
	text-align: left;
	right: 0px;
	bottom: 38px;
  	background: #fdfdfd;
  	border: 1px #346590 solid;
  	border-radius: 5px;
  	-webkit-box-shadow:0 0 10px #949494;  
	-moz-box-shadow:0 0 10px #949494;  
	box-shadow:0 0 10px #949494;
	max-height:180px; 
	display: none;
}
.opt_panel .opt_panel_ul{
	max-height:180px; 
	overflow: auto;
}

.opt_panel ul li {
	line-height: 30px;
	text-indent: 12px;
  	cursor: pointer;
}

.opt_panel ul li:hover{
	background:#2E6EAB;
	color:#fff;
	font-weight: bold;
	border-radius: 5px;
}
.black{color:#000}
.red{color:#dd0000}
.orange{color:#ff9933}
.yellow{color:#ff3333}
.green{color:#00cc00}

.replyList .edt_tool_bar {
	width:98%;
	padding-top:10px;
	padding-left:10px;
	font-size:12px;
}

.date-icon {
	background-image: url(../image/datePicker.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/*隐藏超长的内容，以省略号...代替*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*概况图*/
.formWrap .headline {
	height: 40px;
	line-height: 30px;
	background: url(../image/listSearch-title-bg.jpg) repeat-x 0 bottom;
	position: relative;
}

.formWrap .headline h4{
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
}
.formWrap .clearingSituation{
	width:100%;
}
.formWrap .clearingSituation .graphWrap{
	width:500px;
	height:450px;
	float:left;
}
.formWrap .clearingSituation .graphWrap #map_percent{
	width:500px;
	height:300px
}

.formWrap .clearingSituation .contentWrap{
	width:500px;
	height:450px;
	float: left;
	padding-top: 25px;
}

.formWrap .clearingSituation .contentWrap table td span{
	padding-right:5px;
}

.formWrap .clearingSituation .contentWrap .title{
	width: 100px;
  	font-weight: bold;
  	text-align: right;
}

.ico-success{
	display:block;
	height: 20px;
	background: url(../image/ico-success.jpg) no-repeat center center;
}

.ico-error{
	display:block;
	height: 20px;
	background: url(../image/ico-error.jpg) no-repeat center center;
}

.yuan{
	font-family:Arial;
}

.w120{width: 120px;}
.w54{width: 54px;}
.w90{width: 90px;}
.blue{
	color: #366694;
}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.lh40{line-height: 40px;}

span.error {
    padding-left: 20px;
    margin-left: 10px;
    color: red;
    background: url("../images/error.png") no-repeat 0px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.valid {
    padding-left: 20px;
    background: url("../images/right.png") no-repeat 0px 0px;
    font-family: Verdana, Geneva, sans-serif;
    color: #00F;
    font-size: 11px;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.chbox{
 padding-right: 20px;
 line-height: 30px;
 font-size:14px;
}

.form-control1 {
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#preview{width:260px;height:190px;border:1px solid #000;overflow:hidden;}
#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}

.table1 {
    width: 100%;
    max-width: 100%;
    margin: 10px;
}

.col-md-control{
	height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.pr{
	position: relative;
}
.regMT-headPic img{
	width: 100%;
}
#regMT-uploadInput{
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 150px;
	opacity: .01;
    filter: alpha(opacity=1);
    cursor: pointer;
}
.dict-cur{
	background-color: #F2AD4C;
}
.dict-cur a{
	color: #fff;
	text-decoration: none;
}
#dataTypeAllMenu li{
	height: 40px;
    font-size: 14px;
    border-bottom: 1px solid #DACDCD;
    line-height: 40px;
    padding-left:20px;
}
.file-img{
	vertical-align: middle;
    width: 100%;
    height: 100%;
    position: absolute;
}
.file-init-div{
	width: 100%;
    position: relative;
    display: none;
}
.file-init-img{
	width: 100%;
    position: absolute;
    left: 0px;
    height: 275px;
}
.drag-item{
	list-style-type:none;
	display:block;
	padding:5px;
	border:1px solid #ccc;
	margin:10px;
	width:300px;
	background:#fafafa;
	color:#444;
}
.indicator{
	position:absolute;
	font-size:9px;
	width:10px;
	height:10px;
	color:red;
	z-index:9999;
}
.drag-item img{
	width: 100%;
    padding: 10px 0 0 10px;
}
.drag-item input{
	width: 50px;
    text-align: center;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #c6bdbd;
}
.drag-del{
	padding: 5px;
    background: #f50606;
    color: #fff;
    border-radius: 2px;
}
.drag-ok{
	padding: 5px;
    background: #518e17;
    color: #fff;
    border-radius: 2px;
}